<%--
  Created by IntelliJ IDEA.
  User: 86178
  Date: 2023/7/4
  Time: 11:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人主页</title>

  <link rel="stylesheet" href="CSS/common.css">
  <link rel="stylesheet" href="CSS/menu.css">
  <link rel="stylesheet" href="CSS/bookstyle.css">
  <link rel="stylesheet" href="CSS/usercontrolstyle.css">
  <script src="JS/bookOperate.js"></script>
</head>
<body id="body-pd">
<div>

  <jsp:include page="leftMenu.jsp"></jsp:include>
  <div class="userinformation-title">
    <h1>身份信息</h1>
    <hr>
  </div>
  <div class="userbasic">
    <div class="userhead">
      <div class="userinformation">
        <span class="img"><img src="res/user.jpg" class="userpicture" weight="64" height="64">   </span>
        <span class="username">用户名</span>
      </div>
      <div class="information-change">
        <span ><a href="#">修改资料</a></span>
        <span><a href="#">修改密码</a></span>
      </div>
    </div>
    <div class="usernumber">
      <div class="info-row">
        <span class="info-name">出生年月：</span>
        <span class="info-value">2023-07</span>
        <hr>
      </div>
      <div class= "info-row">
        <span class="info-name">电话号码：</span>
        <span class="info-value">17878336991 </span>
        <hr>
      </div>
      <div class="info-row">
        <span class="info-name">邮箱：</span>
        <span class="info-value">202125220129@163.com</span>
        <hr>
      </div>


    </div>
    <div class="borrowbook">
            <span class="info-firstblock">
                <span class="info-numtext">999</span>
                <br>
                <span class="info-text">最多可借</span>
            </span>

      <span class="info-secondblock">
               <span class="info-numtext">2</span>
               <br>
               <span class="info-text">最多可预约</span>
            </span>

      <span class="info-thirdblock">
                <span class="info-numtext">0</span>
                <br>
                <span class="info-text">最多可委托</span>
             </span>
    </div>
  </div>


  <div class="center-index">
    <div class="overbook">
      <div class="overpic">
        <i class=""></i>
      </div>
    </div>

    <div class="trustbook"></div>

    <div class="bookingbook"></div>

    <div class="recommendbook"></div>
  </div>
</div>
<script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
<script src="JS/main.js"></script>
</body>
</html>